<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Tradingnav</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
<div class="container-fluid">
<div class="header row">
<div class="container">
<div class="header-left col-xs-12 col-sm-12 col-md-6 col-lg-6">
<img class="logo" src="image/logo.png" />
</div>
<div class="header-right col-xs-12 col-sm-12 col-md-6 col-lg-6">
<h2 class="invest col-xs-12 col-sm-12 col-md-12 col-lg-12">compare. invest. suceed.</h2>
<div class="link-login col-xs-12 col-sm-12 col-md-12 col-lg-12">
<a class="login" href="#">Login</a>
<a class="join" href="#">Join</a>
</div>
</div>
</div>
</div>
<div class="section1 row">
<div class="container">
<div class="section1-text col-xs-12 col-sm-12 col-md-8 col-lg-8">
<h1>The world’s most trusted & transparent compare broker site</h1>
<ul>
<li>100% transparent and real time broker rankings</li>
<li>100% of our commissions returned to you </li>
<li>Your user rankings</li>
</ul>
</div>
<div class="section1-image">
<img src="image/men.png" />
</div>
</div>
</div>
<div class="section2 row">
<div class="container">
<ul class="nav nav-tabs" role="tablist" id="myTab">
  <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">The worlds favourite brokers</a></li>
  <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">How cashback works</a></li>
  <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Broker search challenge</a></li>
</ul>

<div class="tab-content">
  <div role="tabpanel" class="tab-pane active" id="home">
  <div class="brokers">
  <h2>Select from over 75 Brokers</h2>
  <p>The only compare website in the world that gives back 100% of its commissions</p>
  </div>
  <div class="brokers-table">
  <div class="table-button">
  <span class="binary">Binary Brokers</span><span class="fx">FX Brokers</span>
  </div>
  <div class="table-responsive">
      <table class="table table-bordered">
        <thead>
          <tr>
            <th>Broker Name</th>
            <th>100%<br />Benefit<img class="panah" src="image/panah.png"></th>
            <th>Joining<br />Bonus<img class="panah" src="image/panah.png"></th>
            <th>Trade Volume<br />Requirement<img class="panah" src="image/panah.png"></th>
            <th>Winning<br />Payout<img class="panah" src="image/panah.png"></th>
            <th>Minimum<br />Deposit<img class="panah" src="image/panah.png"></th>
            <th><img class="googlplay" src="image/googlplay.png"></th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <th scope="row"><img class="options" src="image/24.png">24option</th>
            <td>25%</td>
            <td>50%</td>
            <td>10</td>
            <td>81%</td>
            <td>$200</td>
            <td><a class="proceed" href="">Proceed</a></td>
          </tr>
          <tr>
            <th scope="row"><img class="options" src="image/of.png">OptionFair</th>
            <td>20%</td>
            <td>80%</td>
            <td>20</td>
            <td>81%</td>
            <td>$200</td>
            <td><a class="proceed" href="">Proceed</a></td>
          </tr>
          <tr>
            <th scope="row"><img class="options" src="image/a.png">Anyoption</th>
            <td>20%</td>
            <td>80%</td>
            <td>20</td>
            <td>81%</td>
            <td>$200</td>
            <td><a class="proceed" href="">Proceed</a></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  </div>
  <div role="tabpanel" class="tab-pane" id="profile">
  <div class="cashback">
  <h2>It's easy as 1,2,3</h2>
  <p>It’s extremely simple: we just pass on our advertising commission straight to you.</p>
  <p>Its the perfect way to increase your success as a trader</p>
  </div>
  <div class="easy">
  <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
  <h3>Compare brokers</h3> 
  <img src="image/easy1.png">
  <p>Browse our site and choose from over 75 brokers </p>
  </div>
  <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
  <h3>Select brokers</h3>
  <img src="image/easy1.png">
  <p>Click through and deposit with broker</p>
  </div>
  <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
  <h3>Earn Money</h3>
  <img src="image/easy1.png">
  <p>When the broker pays us any commission for deposit/trading we add this to your cashback earnings. </p>
  </div>
  </div>
  </div>
  <div role="tabpanel" class="tab-pane" id="messages">
  <div class="challenge">
  <h2>Do we have your favourite broker?</h2>
  <p>Find out with our broker search challenge and start earning money back from trading....</p>
  </div>
  <div class="challenge-search">
        <form class="navbar-form navbar-left" role="search">
        <div class="form-group">
          <input type="text" class="form-control">
        </div>
        <button type="submit" class="btn btn-default">Search</button>
      </form>
  </div>
  </div>
</div>

<script>
  $(function () {
    $('#myTab a:last').tab('show')
  })
</script>
</div>
</div>
<div class="section3 row">
<div class="container">
<h1>Don’t just take our word for it....</h1>
<div role="tabpanel">


  <!-- Tab panes -->
  <div class="tab-content lookly">
    <div role="tabpanel" class="tab-pane active" id="members">
	<p class="look-title">Look at what our traders are saying about it and our 100% Benefit</p>
	<div class="look">
  <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
  <img src="image/mario.png">
  <span class="look-qoute">“ Tradingnav is really aligned<br />with traders success. ”</span>
  <span class="look-name">Mario D. Conti</span>
  </div>
  <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
  <img src="image/peter.png">
  <span class="look-qoute">“ I‘ve had no dramas. I trust<br />these guys ”</span>
  <span class="look-name">Peter Olvecký</span>
  </div>
  <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
  <img src="image/eleni.png">
  <span class="look-qoute">“ Signing up takes about 1 min, and its money I would not of otherwise have had. ”</span>
  <span class="look-name">Eleni Ellina</span>
  </div>
  </div>
	</div>
    <div role="tabpanel" class="tab-pane" id="press">
	<p class="look-title">Feature in...</p>
	<div class="feature">
	<div class="row">
	<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"><img src="image/ft.png"></div>
	<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"><img src="image/financial.png"></div>
	<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"><img src="image/thomson.png"></div>
	</div>
	<div class="row">
	<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"><img src="image/bloomberg.png"></div>
	<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"><img src="image/yahoo.png"></div>
	<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"><img src="image/wallstreet.png"></div>
	</div>
	</div>
	</div>
    <div role="tabpanel" class="tab-pane" id="tv">
	<p class="look-title">Tv Ad</p>
	<div class="tv">
	<img src="image/tv.png">
	</div>
	</div>
    <div role="tabpanel" class="tab-pane" id="fun">
	<div class="rates">
	<p>
	<strong>We pay the highest rates</strong><br />
	You’ll typically get at least 5% more mpney with us than anywhere else in the world, and if you do find a better rate elsewhere we’ll match it.
</p>
<p>
	<strong>We are world leaders.</strong><br />
	We were the first  compare site in the world to be completely free, and to pass 100% of the cashback onto our traders.
	</p>
	</div>
	</div>
  </div>

  <!-- Nav tabs -->
  <ul class="nav nav-tabs" role="tablist">
    <li role="presentation" class="active members"><a href="#members" aria-controls="home" role="tab" data-toggle="tab">Members</a></li>
    <li role="presentation" class="press"><a href="#press" aria-controls="profile" role="tab" data-toggle="tab">Press</a></li>
    <li role="presentation" class="tv"><a href="#tv" aria-controls="messages" role="tab" data-toggle="tab">Tv</a></li>
    <li role="presentation" class="fun"><a href="#fun" aria-controls="settings" role="tab" data-toggle="tab">Fun Fact</a></li>
  </ul>
</div>
</div>
</div>
<div class="section4 row">
<div class="container">
<h1>Extra reasons why we are alll about traders</h1>
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
	<div class="isi-slide">
	<p class="slide-title">Our new members are getting the best welcome bonuses in the market</p>
	<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
      <img src="image/slide1.png">
	  </div>
	  <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
      <div class="carousel-artikel">
	  <h3>Ranking transparency</h3>
	  <p>We are the only site that gives 100% control to brokers of where they are listed on our compare lists. Brokers complete for your accounts in real -time without 
any interference by us. </p>
	  <p>When they update their offers, it goes instantly live. </p>
      </div>
	  </div>
	  </div>
    </div>
    <div class="item">
	<div class="isi-slide">
	<p class="slide-title">We are fully aligned for successful trading. </p>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
      <img src="image/slide2.png">
	  </div>
	  <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
      <div class="carousel-artikel">
	  <h3>We reduce trading risk</h3>
	  <p>Most compare the market cashback websites earn commissions when you trade.</p>
	  <p>We don’t.</p>
	  <p>We earn a subscribtion fee from brokers and a small one off fee to handle the your account set up.</p>
      </div>
	  </div>
	  </div>
    </div>
	<div class="item">
	<div class="isi-slide">
	<p class="slide-title">We give our members a voice that you can hear.</p>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
      <img src="image/slide1.png">
	  </div>
	  <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
      <div class="carousel-artikel">
	  <h3>Ranking transparency</h3>
	  <p>We are the only site that gives 100% control to brokers of where they are listed on our compare lists. Brokers complete for your accounts in real -time without 
any interference by us. </p>
	  <p>When they update their offers, it goes instantly live. </p>
      </div>
	  </div>
	  </div>
    </div>
  </div>

  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>
  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
</div>
</div>
<div class="section5 row">
<div class="container">
<div class="quick">
<h1>Quick Stats</h1>
<p>We were established 1 month ago and we’re gained some very impressive stats already</p>
</div>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"><img src="image/quick1.png"><span class="quick-no">3,340</span><span class="quick-ad">Add word here.</span></div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"><img src="image/quick2.png"><span class="quick-no">3,000</span><span class="quick-ad">Add word here.</span></div>
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"><img src="image/quick3.png"><span class="quick-no">$12,540</span><span class="quick-ad">Add word here.</span></div>
</div>
</div>
</div>
<div class="section6 row">
<div class="container">
<h1>Compare now </h1>
<div class="compare"><span class="binary">Binary Brokers</span><span class="fx">FX Brokers</span></div>
</div>
</div>
<div class="footer row">
<div class="container">
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<div class="widget">
<h3 class="widget-title">Company</h3>
<ul>
<li><a href="#">About us</a></li>
<li><a href="#">Terms and Conditions</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<div class="widget">
<h3 class="widget-title">Resource</h3>
<ul>
<li><a href="#">Binary Options</a></li>
<li><a href="#">FX Trading</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<div class="widget">
<h3 class="widget-title">Report</h3>
<ul>
<li><a href="#">What the Brokers say</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<div class="widget">
<h3 class="widget-title">Logins</h3>
<ul>
<li><a href="#">Members</a></li>
<li><a href="#">Brokers</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">

</div>
<div class="col-xs-12 col-sm-12 col-md-2 col-lg-2">
<div class="widget sosmed">
<h3 class="widget-title">Connect</h3>
<ul>
<li><a href="#"><img class="sosmedi" src="image/fb.png">Facebook</a></li>
<li><a href="#"><img class="sosmedi" src="image/twt.png">Twitter</a></li>
<li><a href="#"><img class="sosmedi" src="image/g+.png">Google +</a></li>
</ul>
</div>
</div>
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
<img class="norton" src="image/norton.png" />
</div>
</div>
</div>
</div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>